#j_m {
  font-size: 12px;
  font-weight: 600;
  padding: 4px 5px 4px 3px;
  color: #fff;
}
#j_l {
  font-size: 16px;
  font-weight: 600;
  padding: 5px 6px 5px 4px;
  color: #fff;
}
@mixin bg($index) {
  background: url(../static/svgs/#{$index}.svg) center/100% no-repeat;
}
.j1_m {
  @include bg(j_1);
  @extend #j_m;
}
.j1_l {
  @include bg(j_1);
  @extend #j_l;
}
.j2_m {
  @include bg(j_2);
  @extend #j_m;
}
.j2_l {
  @include bg(j_2);
  @extend #j_l;
}
.x1_m {
  @include bg(x_1);
  @extend #j_m;
}
.x1_l {
  @include bg(x_1);
  @extend #j_l;
}
.x2_m {
  @include bg(x_2);
  @extend #j_l;
}
.x2_l {
  @include bg(x_2);
  @extend #j_l;
}
